<script>
export default {
  name: "testCom03",
  data() {
    return {
      title: "已完成事件",
      poems: ['你好', '中国', 'Hello'],
    }
  }
}
</script>

<template>
  <div class="container">
    <h1>{{ title }}</h1>
    <ul>
      <li v-for="(poems, index) in poems" :key="index">{{ index + 1 }}----{{ poems }}----{{
          new Date().toLocaleString()
        }}
      </li>
    </ul>
  </div>
</template>

<style>
h1 {
  margin-top: 20px;
  text-align: center;
}
</style>
